/* 系统主题样式变量 */

:root {
  /* 主题色变量 */
  --primary-color: #409EFF;
  --success-color: #67C23A;
  --warning-color: #E6A23C;
  --danger-color: #F56C6C;
  --info-color: #909399;

  /* 文本颜色 */
  --text-color-primary: #303133;
  --text-color-regular: #606266;
  --text-color-secondary: #909399;
  --text-color-placeholder: #C0C4CC;

  /* 边框颜色 */
  --border-color-base: #DCDFE6;
  --border-color-light: #E4E7ED;
  --border-color-lighter: #EBEEF5;
  --border-color-extra-light: #F2F6FC;

  /* 背景颜色 */
  --bg-color: #F5F7FA;
  --bg-color-page: #F2F3F5;
  --bg-color-overlay: #FFFFFF;
  
  /* 字体 */
  --font-family-primary: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  
  /* 字体大小 */
  --font-size-extra-large: 20px;
  --font-size-large: 18px;
  --font-size-medium: 16px;
  --font-size-base: 14px;
  --font-size-small: 13px;
  --font-size-extra-small: 12px;
  
  /* 边框圆角 */
  --border-radius-base: 4px;
  --border-radius-small: 2px;
  
  /* 阴影 */
  --box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
  --box-shadow-dark: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12);
  --box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  
  /* 布局相关 */
  --header-height: 60px;
  --navbar-height: 50px;
  --sidebar-width: 210px;
  --sidebar-hide-width: 54px;
}